<!-- 基本信息 -->
<div class="fields">
	<div class="twelve wide field">
		<div class="two fields">
			<div class="field">
				<div class="ui labeled input">
					<div class="ui label">应用名称</div>
					<input type="text" placeholder="应用名称.">
				</div>
			</div>
			<div class="field">
				<div class="ui labeled icon input">
					<div class="ui label">应用代码</div>
					<input type="text" placeholder="AppCode,唯一识别码."><i class="orange help circle icon"></i>
				</div>
			</div>
		</div>
	</div>
	<div class="four wide field">
		<div class="ui left pointing red basic label">这个名字已被采用</div>
	</div>
</div>

<div class="fields">
	<div class="twelve wide field">
		<div class="ui fluid multiple search selection dropdown">
			<div class="ui label">负&nbsp;责&nbsp;人</div>
			<input type="hidden" name="receipt"><i class="dropdown icon"></i>
			<div class="default text">Saved Contacts</div>
			<div class="menu">
				<div class="item" data-value="jenny" data-text="Jenny">
					<img class="ui mini avatar image" src="/images/avatar/small/jenny.jpg"> Jenny Hess
				</div>
				<div class="item" data-value="elliot" data-text="Elliot">
					<img class="ui mini avatar image" src="/images/avatar/small/elliot.jpg"> Elliot Fu
				</div>
				<div class="item" data-value="stevie" data-text="Stevie">
					<img class="ui mini avatar image" src="/images/avatar/small/stevie.jpg"> Stevie Feliciano
				</div>
				<div class="item" data-value="christian" data-text="Christian">
					<img class="ui mini avatar image" src="/images/avatar/small/christian.jpg"> Christian
				</div>
				<div class="item" data-value="matt" data-text="Matt">
					<img class="ui mini avatar image" src="/images/avatar/small/matt.jpg"> Matt
				</div>
				<div class="item" data-value="justen" data-text="Justen">
					<img class="ui mini avatar image" src="/images/avatar/small/justen.jpg"> Justen Kitsune
				</div>
			</div>
		</div>
	</div>
	<div class="four wide field">
		<div class="ui left pointing red basic label">这个名字已被采用</div>
	</div>
</div>

<div class="fields">
	<div class="twelve wide field">
		<div class="ui fluid multiple search selection dropdown">
			<div class="ui label">相&nbsp;关&nbsp;人</div>
			<input type="hidden" name="receipt"><i class="dropdown icon"></i>
			<div class="default text">Saved Contacts</div>
			<div class="menu">
				<div class="item" data-value="jenny" data-text="Jenny">
					<img class="ui mini avatar image" src="/images/avatar/small/jenny.jpg"> Jenny Hess
				</div>
				<div class="item" data-value="elliot" data-text="Elliot">
					<img class="ui mini avatar image" src="/images/avatar/small/elliot.jpg"> Elliot Fu
				</div>
				<div class="item" data-value="stevie" data-text="Stevie">
					<img class="ui mini avatar image" src="/images/avatar/small/stevie.jpg"> Stevie Feliciano
				</div>
				<div class="item" data-value="christian" data-text="Christian">
					<img class="ui mini avatar image" src="/images/avatar/small/christian.jpg"> Christian
				</div>
				<div class="item" data-value="matt" data-text="Matt">
					<img class="ui mini avatar image" src="/images/avatar/small/matt.jpg"> Matt
				</div>
				<div class="item" data-value="justen" data-text="Justen">
					<img class="ui mini avatar image" src="/images/avatar/small/justen.jpg"> Justen Kitsune
				</div>
			</div>
		</div>
	</div>
	<div class="four wide field">
		<div class="ui left pointing red basic label">这个名字已被采用</div>
	</div>
</div>

<!-- 安全信息 -->
<div style="margin-top: 10px; height: 20px;">
	<h3 class="ui header" style="float: left; margin-bottom: 0px;">
		<i class="rain icon"></i>
		<div class="content">安全</div>
	</h3>
	<div style="float: right;">
		<div class="ui toggle checkbox">
			<input type="checkbox" name="gift" tabindex="0" class="hidden"><label>启用AccessKey</label>
		</div>
	</div>
</div>
<table class="ui selectable celled table">
	<thead>
		<tr>
			<th>
				<button class="ui tiny primary button">创建</button>
			</th>
			<th>Access Key ID</th>
			<th>Access Key Secret</th>
			<th width="150px">时间</th>
			<th width="20px"></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td class="collapsing">
				<div class="ui toggle checkbox">
					<input type="checkbox">
				</div>
			</td>
			<td>pbK5lDhPTIyrZ2P7</td>
			<td>pbK5lDhPTIyrZ2P7</td>
			<td>2016-01-01 23:34</td>
			<td>
				<button class="ui icon button">
					<i class="trash icon"></i>
				</button>
			</td>
		</tr>
		<tr>
			<td class="collapsing">
				<div class="ui toggle checkbox">
					<input type="checkbox">
				</div>
			</td>
			<td>pbK5lDhPTIyrZ2P7</td>
			<td>pbK5lDhPTIyrZ2P7</td>
			<td>2016-01-01 23:34</td>
			<td>
				<button class="ui icon button">
					<i class="trash icon"></i>
				</button>
			</td>
		</tr>
		<tr>
			<td class="collapsing">
				<div class="ui toggle checkbox">
					<input type="checkbox">
				</div>
			</td>
			<td>pbK5lDhPTIyrZ2P7</td>
			<td>pbK5lDhPTIyrZ2P7</td>
			<td>2016-01-01 23:34</td>
			<td>
				<button class="ui icon button">
					<i class="trash icon"></i>
				</button>
			</td>
		</tr>
	</tbody>
</table>

<!-- 补充信息 -->
<h3 class="ui header">
	<i class="book icon"></i>
	<div class="content">描述</div>
</h3>
<div class="field">
	<textarea rows="3" placeholder="应用描述信息" rows="4" cols="20"></textarea>
</div>